.floating_ck{position:fixed;right:20px;top:30%;z-index: 9999; font-size: 14px; background-color: #fdad20; border-radius: 35px; padding:25px 0px 20px 0px;} .floating_ck dl dd{transition: all 0.3s; position:relative;width:60px;height:55px; margin-bottom: 1px; text-align: center; cursor:pointer;} .floating_ck dl dd span{ width: 100%; height: 100%; float: left; background-repeat:no-repeat;background-position:center;} .floating_ck dl dd:hover{ background-color: #fdad20;} .floating_ck dl dd:hover span{ animation: swing 1s; } .floating_ck dl dd:hover .floating_left{display:block;} .consult span{background-image:url(images/pf2icon3.png);} .quote span{background-image:url(images/pf2icon1.png);} .qrcord span{background-image:url(images/pf2icon2.png);} .return span{background-image:url(images/pf2icon4.png);} .floating_left{position:absolute;left:-160px;top:0px;width:160px;height:55px;background-color:#fdad20; display:none;} .floating_left a{color:#fff;line-height:55px;} .quote .floating_left a{ font-weight: bold; font-size: 20px; font-family:Arial;} .floating_ewm{height:200px;top:-120px;} .floating_ewm i{display:block;width:145px;height:145px;margin:auto;margin-top:7px; background:url(../images/wx.jpg) center no-repeat;} .floating_ewm p{color:#fff;margin-top:5px;}